<template>
  <div>
    <div @click="show = !show">
      <slot name="header" :show="show"></slot>
    </div>

    <CollapseTransition>
      <div v-show="show">
        <slot name="body"  ></slot>
      </div>
    </CollapseTransition>
  </div>
</template>
  
  <script>
import { Calendar as VanCalendar, Cell as VanCell } from "vant";
import CollapseTransition from "./components/collapse-transition.vue";

export default {
  name: "CommonFold",
  components: { VanCalendar, VanCell, CollapseTransition },
  props: {},
  data() {
    return {
      show: true,
    };
  },
  watch: {},
  methods: {},
};
</script>